<template>
  <!--数组中的每一项对应的值是一个对象，可将接收的多个对象合并到一个style中-->
  <div :style="[state.colorStyle, state.fontWeightStyle]">我是尼克陈</div>
</template>

<script>
import {reactive} from 'vue'
export default {
  setup(){
    const state = reactive({
      //颜色style变量
      colorStyle:{
        color: 'blue'
      },
      //字号style变量
      fontWeightStyle:{
        fontWeight:'bold'
      }
    })
    return {state}
  }
}
</script>